/**
 * @description: 处理 surprise 数据
 * @return {*}
 */
import { imageList } from './common'

export const projects = [
  {
    id: 0,
    title: '停车云',
    desc: '实现云端、客户端和场端设备的全面互联，提供智能化停车解决方案。',
    tags: ['项目前端负责人'],
    bac: '停车云项目旨在通过云端、客户端和场端设备的全面互联，提供智能化的停车解决方案。该项目的目标是解决天街、业主、租户等停车难、停车效率低的问题，提升用户体验和管理效率。',
    target: '1. 实现云端、客户端和场端设备的全面互联，确保数据的实时同步和共享。\n2. 提供智能化停车解决方案，提升用户体验和管理效率。\n3. 优化停车资源配置，减少停车等待时间，提高停车场利用率。',
    jobContent: '1. 设计并实现云端、客户端和场端设备的通信架构，确保数据的实时同步和共享。\n2. 开发前端界面，提供用户友好的停车管理功能，包括车位查询、预约、支付等。\n3. 集成物联网设备，实现车位状态的实时监控和管理。\n4. 进行性能优化，确保系统的稳定运行。',
    result: '1. 成功开发并上线停车云系统，实现了云端、客户端和场端设备的全面互联。\n2. 提供了智能化的停车解决方案，显著提升了用户体验和管理效率。\n3. 优化了停车资源配置，减少了停车等待时间，提高了停车场利用率。\n4. 用户反馈良好，系统获得了天街用户、业主和租户的积极认可。'
  },
  {
    id: 1,
    title: '数字孪生平台',
    desc: '提供虚拟与现实融合的数字孪生平台，支持实时数据监控与分析。',
    tags: ['项目前端负责人'],
    bac: '面对AIoT中心众多且设计领域广泛的前端项目需求，每个项目都有意向对外拓展，这要求我们构建一个高度整合与支持能力强的平台，以便有效管理和促进这些项目的高效运作。因此，"数字孪生平台"应运而生，旨在成为一个集各项功能于一身的工作台，提供统一的支持和服务体系。',
    target: '1. 统一管理与监控：平台将所有外拓项目纳入统一视图，实现对项目进度、资源分配、性能指标的集中监控与管理，提升跨项目协同效率。\n2. 统一交互与UI设计：平台遵循一套标准化的设计体系，确保所有产品在交互体验和用户界面(UI)上保持高度一致。这种一致性不仅提升了用户的熟悉度和使用便捷性，还加强了品牌识别度。\n3. 首个客户里程碑：在2024年的第四季度，数字孪生平台迎来了它的第一个重要客户。这一里程碑事件标志着平台从概念验证到实际应用的关键转变，验证了平台设计的有效性和市场需求。\n4. 市场推广与收益增长：基于首期成功合作的经验，2025年，数字孪生平台计划向更多核心客户推广。通过精准的市场定位和有效的营销策略，平台有望吸引行业内的领先企业，不仅扩大了用户基础，还直接促进了公司收入的增长。',
    jobContent: '1. 搭建微前端基础框架。\n2. 负责基础架构设计。\n3. 负责能源平台、智慧楼宇核心功能开发。',
    result: '1. 三维模型与智慧监控融合：当前项目已成功融入了三维模型技术，实现了模型与智慧监控系统的双向通信。例如，楼宇中的能耗情况、设备运行状态等信息可以直接在对应的三维模型位置上动态显示，极大地提高了监控效率和决策反应速度。\n2. 核心功能开发完毕：针对能源管理与智慧楼宇两大核心领域，所有关键功能模块已经开发完成并投入运行。'
  },
  {
    id: 2,
    title: '智慧楼宇',
    desc: '集成先进的楼宇管理系统，实现智能化的楼宇运营与管理。',
    tags: ['项目前端负责人'],
    bac: '智慧楼宇管理系统（IBMS ）是 IOT  技术驱动的智慧建筑管理产品，是以建筑智能化运维为核心场景的一个产品',
    target: '1. 解决人工工作量高、管理与建设标准差异化问题。\n2. 实现降低运维人员费用，能耗成本，同时保障品质。',
    jobContent: '1. 核心功能研发：策略管理、设备监控和数据指标看板、报警管理、运行诊断、能耗管理等核心功能开发。\n2. 协调拉通资源：对接 BIM 系统，主动了解 BIM  图纸配置功能，拉通双方前后端、产品沟通，并协同定制接入 BIM 的交互和研发方案。\n3. 方案把控：设计重构 IBMS v1，统一 IBMS 代码规范和 UI 规范，对齐集团标准，提高系统的稳健度。\n4. 性能优化：代码分割与动态导入、模块打包优化、CDN  配置等，提升系统加载速度，提升用户体验。',
    result: '1. 2022年降本1500W+\n2. 2023年降本 2000W+，并将产品以高于竞品200W的价格售卖\n3. IBMS 系统为物联网中心外拓产品开疆扩土'
  },
  {
    id: 3,
    title: '智慧建造',
    desc: '采用智能化建造技术，提升施工效率和项目管理水平。',
    tags: ['前端开发'],
    bac: '智慧建造平台是为C1建造、C5龙智造提供空间建造可视化，以及人员进度、质量安全等信息中枢能力的一个平台。',
    target: '1. 减少因信息偏差产生的反复踏勘成本和时间。\n2. 提供多维度 AIoT 数据，解决业务多场景取数困难问题。\n3. 解决工程安全、质量填报数据可靠性不够的问题。',
    jobContent: '1. 设计并实现无人机文件管理模块。\n2. 参与无人机视图三维模型展示技术选型，最终选定基于 Cesium 三维可视化插件实现无人机拍摄视图的线上三维展示。\n3. 选择以任务列表的形式实现超大文件上传（文件大的有过大于18G的）、断点续传，文件上传过程中完全不影响用户正常使用该平台。',
    result: '1. 保质保量完成项目目标。\n2. 高价将该产品卖给C5龙智造航道。'
  },
  {
    id: 4,
    title: 'ERP',
    desc: '提供全面的进销存管理系统，优化企业运营流程。',
    tags: ['前端开发'],
    bac: 'ERP进销存管理系统主要用于基础资料维护、门店管理、仓储管理和进销存操作，旨在优化企业的整体运营流程，提高工作效率。',
    target: '1. 提供全面的进销存管理功能，优化企业运营流程。\n2. 确保基础资料维护的准确性和及时性。\n3. 实现门店、仓储和配送管理的高效协同。',
    jobContent: '1. 使用vue-cli脚手架搭建ERP工程框架。\n2. 对axios进行二次封装，提供常用的get和post方法。\n3. 定义utils文件夹，将常用的工具函数集中管理，方便团队成员使用。\n4. 开发项目公用组件，包括文件上传、打印、导入导出等功能，提升用户体验。\n5. 使用高德地图API实现配送管理功能，支持门店配送范围的编辑、展示和维护。',
    result: '1. 成功开发并上线ERP进销存管理系统，显著优化了企业的运营流程。\n2. 基础资料维护更加准确和及时。\n3. 门店、仓储和配送管理实现了高效协同。\n4. 用户反馈良好，系统获得了企业的高度认可。'
  },
  {
    id: 5,
    title: '供应链系统',
    desc: '实现高效的供应链管理，提升物流和库存控制能力。',
    tags: ['项目前端负责人'],
    bac: '供应链系统主要为本来鲜的商品供应商开发，涵盖了门店订货、收货、供应商审核、发送货物、财务对账等功能。项目初期进行了技术选型，由于对React技术栈非常感兴趣，经过多次尝试和与领导协商，最终决定采用React进行开发。',
    target: '1. 提升供应链管理效率，优化物流和库存控制。\n2. 确保供应商审核和对账流程的准确性和及时性。\n3. 提供直观的运行报表，支持数据分析和决策。',
    jobContent: '1. 使用react-router和react-router-dom进行路由管理。\n2. 使用react-redux进行状态管理，确保数据的一致性和可维护性。\n3. 定义utils文件夹，对axios进行二次封装，提供常用的get和post方法，并定义常用的工具类。\n4. 开发菜单、导航条、面包屑、搜索条件、表单和打印等组件，提升用户体验。\n5. 基于Ant Design UI库二次开发输入框、时间选择框、级联选择器等组件，确保界面的一致性和美观性。\n6. 引入echarts和react-chart，实现运行报表的可视化，并支持点击图表的自定义事件，增强数据分析能力。',
    result: '1. 成功开发并上线供应链系统，显著提升了供应链管理效率。\n2. 供应商审核和对账流程更加准确和及时。\n3. 提供了直观的运行报表，支持数据分析和决策。\n4. 用户反馈良好，系统获得了供应商的高度认可。'
  },
  {
    id: 6,
    title: '本来鲜小程序',
    desc: '基于新零售理念的小程序，提供便捷的购物体验。',
    tags: ['项目前端负责人'],
    bac: '本来鲜小程序是为了满足新零售理念下的购物需求，提供便捷、高效的购物体验。该项目主要面向本来鲜的消费者，涵盖支付、会员管理、优惠活动等功能。',
    target: '1. 提供便捷的购物体验，提升用户满意度。\n2. 实现多种支付方式，方便用户进行交易。\n3. 提供丰富的优惠活动和送券功能，增强用户粘性。',
    jobContent: '1. 参与产品部门的需求讨论，明确需求细节。\n2. 根据开发人员的时间安排，合理排期并分配工作任务。\n3. 协助后台开发人员定义接口，确定接口参数和返回数据，并生成详细的接口文档。\n4. 主要负责开发个人中心、商品分类、优惠活动和活动送券大礼包等模块。\n5. 实现充值和支付功能，支持多种支付方式。\n6. 开发会员付款码（条形码和二维码）功能。\n7. 开发签到活动（日历组件）功能。\n8. 接入腾讯地图，实现地址管理功能。\n9. 开发拼团、礼包券和海报分享等功能，提升用户互动性。',
    result: '1. 成功开发并上线本来鲜小程序，满足新零售理念下的购物需求。\n2. 提供了便捷的购物体验，显著提升了用户满意度。\n3. 实现了多种支付方式，方便用户进行交易。\n4. 提供了丰富的优惠活动和送券功能，增强了用户粘性。\n5. 用户反馈良好，项目获得了用户的积极认可。'
  },
  {
    id: 7,
    title: 'ERP小程序',
    desc: '便捷的ERP管理工具，支持移动设备上的企业运营操作。',
    tags: ['前端开发'],
    bac: 'ERP小程序是为了让企业能够更方便地在移动设备上进行日常运营操作，包括库存管理、订单处理、员工管理等功能。该项目旨在提升企业的运营效率和管理便捷性。',
    target: '1. 提供移动端友好的ERP管理工具，支持企业随时随地进行运营操作。\n2. 简化库存管理和订单处理流程，提升工作效率。\n3. 实现员工管理功能，方便企业进行人员管理和考勤记录。',
    jobContent: '1. 设计并实现移动端友好的用户界面，确保操作流畅和用户体验良好。\n2. 开发库存管理模块，实现库存的实时监控和管理。\n3. 开发订单处理模块，支持订单的创建、审核和跟踪。\n4. 开发员工管理模块，实现员工信息管理、考勤记录等功能。\n5. 集成后端API，确保前后端数据的无缝对接。\n6. 进行性能优化，确保应用在移动设备上的流畅运行。',
    result: '1. 成功开发并上线ERP小程序，满足企业移动化管理需求。\n2. 提升了企业的运营效率，简化了库存和订单管理流程。\n3. 增强了员工管理功能，方便企业进行人员管理和考勤记录。\n4. 用户反馈良好，提升了企业对移动管理工具的满意度。'
  },
  {
    id: 8,
    title: 'LIP开放平台',
    desc: '集成智能化管理系统的智慧音响，提供高效的内容管理和播放服务。',
    tags: ['前端开发'],
    jobContent: '1. 技术选型，多次与领导沟通分析使用vue技术的优缺点。\n2. 根据LIP平台需求分析确定LIP后台管理系统系统需求。\n3. 根据大家确定下来的需求使用xmind画LIP后台管理系统基本流程图，将大模块划分为各个小模块，分析每一个模块功能的具体实现方法。\n4. 协助后台开发人员定义接口，以及确定每一个接口需要传递的参数和返回的数据，将确定好的内容写入confluence。\n5. 搭建基础框架，根据分出的模块编写公共组件，自定义组件和指令。\n6.根据需求不断迭代更新功能',
    result: '1. 利用vuex来统一管理和维护各个vue组件的可变化状态，实际上就是维持全局状态下数据的单向流动。\n2. 百度Ueditor的使用，实现官方网站文档自动配置功能。\n3. 用户角色和权限的划分和路由的配置管理等。'
  },
]

export const timelineLinkProjects = {
  '2021.04 - today': [0, 1, 2, 3],
  '2017.06 - 2021.04': [4, 5, 6, 7],
  '2017.03 - 2018.06': [8]
}

export const getProjectsData = () => {
  return projects.map((item, index) => {
    return {
      ...item,
      img: imageList[index].module as string
    }
  })
}

export const getTimelineLinkData = () => {
  return Object.entries(timelineLinkProjects).map(([key, value]) => {
    return {
      time: key,
      projects: value.map(item => getProjectsData()[item])
    }
  })
}

export const getProjectInfo = (id: number) => {
  return projects.find(item => item.id === id)
}